<div class="bookdetail_view">
    <div class="panel panel-default">
        <div class="panel panel-default item-detail">
            <div class="well well-sm">
                <b>书目信息  </b>
                <span>
                    【MARC状态：<span>审校</span>】 【文献类型：
                <span>中文图书</span>】 【浏览次数：
                <span>15</span>】
                </span>
            </div>
            <div class="panel-body detail_panel">
                <small><dl class="dl-horizontal dl-width">
                    <dt>题名</dt>
                    <dd>{{book_info.title}}</dd>
                    <dt>责任者/作者</dt>
                     <dd>{{book_info.author}}</dd>
                     <dt>出版发行项：</dt>
                    <dd>{{book_info.publisher}}</dd>
                    <dt>ISBN</dt>
                    <dd>{{book_info.isbn13}}</dd>
                    <dt>载体形态项：</dt>
                    <dd>213页;21cm</dd>
                    <dt>出版时间</dt>
                    <dd>{{book_info.pubdate}}</dd>
                    <dt>学科主题：</dt>
                    <dd>心理学-通俗读物</dd>
                    <dt>中图法分类号：</dt>
                    <dd>{{book_info.category}}</dd>
                    <!-- <dt>出版发行附注：</dt>
<dd>中文简体字版权由心灵海培训技术咨询 (上海) 公司授权中国青年出版社出版</dd>
<dt>责任者附注：</dt>
<dd>恰克·斯佩扎诺, 知见心理学创始人, 国际知名的关系心理学专家。</dd>
<dt>提要文摘附注：</dt>
<dd>本书的主要目的就是使心理学适用于社会各阶层的每一个人, 希望能将心理学以及各国的语言文字融入每天的生活原则里, 而使人们在任何情况下拥有转换的力量与工具, 并重返自己的使命与道路, 进而在创意、喜悦、丰富、轻松与爱当中, 这是一本大众心理读物。</dd> -->
                </dl></small>
            </div>
        </div>
        <div class="item-detail">
            <div>
                <ul class="nav nav-pills">
                    <li role="presentation" ng-class="panel_show == 'gcxx'||panel_show == undefined?'active':''" ng-click="panel_show = 'gcxx'"><a>馆藏信息</a></li>
                    <li role="presentation" ng-class="panel_show == 'yysq'?'active':''" ng-click="panel_show = 'yysq'"><a>预约申请</a></li>
                </ul>
            </div>
            <div ng-show="panel_show == 'gcxx' || panel_show == undefined">
                <table class="table table-hover text-center">
                    <thead>
                        <tr>
                            <th class="text-center">书名</th>
                            <th class="text-center">索书号</th>
                            <th class="text-center">条码号</th>
                            <th class="text-center">作者</th>
                            <th class="text-center">馆藏地</th>
                            <th class="text-center">书刊状态</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="detail in book_info.bookSingles">
                            <td>{{book_info.title}}</td>
                            <td>{{book_info.category}}</td>
                            <td>{{detail.barCode}}</td>
                            <td>{{book_info.author}}</td>
                            <td>{{detail.position}}</td>
                            <td>{{detail.state | book_state}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div ng-show="panel_show == 'yysq'">
                <table class="table table-hover text-center">
                    <thead>
                        <tr>
                            <th class="text-center">书名</th>
                            <th class="text-center">索书号</th>
                            <th class="text-center">可借</th>
                            <th class="text-center">在馆</th>
                            <th class="text-center">可否预约</th>
                            <th class="text-center">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{book_info.title}}</td>
                            <td>{{book_info.category}}</td>
                            <td>{{book_info.bookMessage.surplus}}</td>
                            <td>{{book_info.bookMessage.surplus_show}}</td>
                            <td>{{book_info.bookMessage.surplus?'不可预约':'可预约'}}</td>
                            <td>
                                <button type="button" class="btn btn-primary btn-xs" ng-click="loanABook()" ng-disabled="land_finish">执行预约</button>
                                <button type="button" class="btn btn-warning btn-xs" ng-click="collectbook()">收藏此书</button>
                            </td>
                        </tr>
                        <!--  <tr>
                            <th class="text-center" colspan="8">可预约：邮件通知将使用您提供的Email：123456@qq.com</th>
                        </tr>
                        <tr>
                            <th class="text-center alert alert-danger" colspan="8">不可预约/收藏：请先登录再进行预约！</th>
                        </tr> -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>